<template>
	<view class="down_time">
		<view class="title">投票倒计时</view>
		<view class="time">
			<count-down :is-day="true" :datatime="times" ></count-down>
		</view>
	</view>
	<!-- <view v-else class="down_time">
		<view class="end">投票已结束</view>
	</view> -->
</template>

<script>
	import CountDown from "@/components/countDown";
	export default {
		components: {
			CountDown
		},
		props: {
			times: {
				type: Number,
				default: 0
			}
		}
	}
</script>

<style lang="scss" scoped>
	.down_time {
		// border: 2rpx solid #e57511;
		background-color: rgba(246, 241, 234,.6);
		border-radius: 16rpx;
		margin: 0 0 58rpx;
		padding: 36rpx 0;
		text-align: center;
		.title {
			text-align: center;
			font-size: 36rpx;
			color: #3c3c3c;
			font-weight: 600;
			margin-bottom: 40rpx;
		}
		.time {
			background-color: #e57511;
			border-radius: 80rpx;
			padding: 10rpx 0;
			width: 580rpx;
			margin: 0 auto;
			color: #fff;
			display: flex;
			align-items: center;
			/deep/ .styleAll {
				font-size: 36rpx;
				font-weight: 600;
				padding: 0 10rpx;
			}
		}
		.end {
			font-weight: 600;
			font-size: 40rpx;
			color: #e57511;
		}
	}
</style>